<%--
  Created by IntelliJ IDEA.
  User: hp
  Date: 2019/1/12
  Time: 12:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>商品特价</title>
    <jsp:include page="${pageContext.request.contextPath}/common/tag.jsp"/>
</head>
<script>
    /*绑定分类下拉数据*/
    $.post("${pageContext.request.contextPath}/fenlei/queryfenlei",function (data) {
        $.each(data,function (index,item) {
            $("#typeid").append("<option value=\""+item.fid+"\">"+item.fname+"</option>")
            //$("#fenlei").append("<option value=\""+item.fid+"\">"+item.fname+"</option>")
        })
    });
    /*绑定下拉数据*/
    $.post("${pageContext.request.contextPath}/brand/query",function (data) {
        $.each(data,function (index,item) {
            $("#brandid").append("<option value=\""+item.bid+"\">"+item.bname+"</option>")
            //$("#pinpai").append("<option value=\""+item.bid+"\">"+item.bname+"</option>")
        })
    });
    $(function () {
        /*table表格*/
        $("#tejiatable").bootstrapTable({
            url : '${pageContext.request.contextPath}/special/query', //路径
            toolbar : '#add,#pldel',
            striped : true,
            pageSize : 5, //设置每页显示的行数
            pageList:[2,4,8,16], //设置可供选择的页面数据条数
            pageNumber:1, //如果设置了分页，首页页码。
            height : 610,  //表格高度
            pagination : true, //开启分页  默认情况下，是客户端分页的
            sidePagination:'server',  //启用服务器端分页
            queryParams:function(params){
                var temp = {  //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                    limit: params.limit,  //页面大小
                    offset: params.offset, //页码
                    name:$("#shopname").val(),
                    typeid : $("#typeid").val(),
                    sbrand:$("#brandid").val()
                };
                return temp;
            },
            columns : [
                {checkbox : true},
                {field : 'id',title : '编号',align : 'center'},
                {field : 'sid',title : '商品编号',align : 'center'},
                {field : 'sName',title : '商品名称',align : 'center'},
                {field : 'fenlei.fname',title : '分类',align : 'center'},
                {field : 'brand.bname',title : '品牌',align : 'center'},
                {field : 'spMoeny',title : '特价金额',align : 'center'},
                {field : 'establish',title : '创建日期',align : 'center'},
                {title : '操作',align : 'center',
                    formatter : function (value,row,index) {
                        return "<button class=\"btn btn-primary\" onclick='shanchu("+row.id+")'>删除</button>"

                    }
                }
            ]
        }) ;
    })
</script>
<body style="margin:20px 10px;overflow-y: hidden;">
<div>
    <form class="form-inline" style="margin-top: 20px;text-align: right">
        <div class="form-group">
            <label style="font-size: 15px;">商品分类：</label>&nbsp;
            <select name="type" id="typeid" class="form-control">
                <option value="0">全部</option>
            </select>
        </div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <div class="form-group">
            <label style="font-size: 15px;">品牌：</label>&nbsp;
            <select name="shop" id="brandid" class="form-control">
                <option value="0">全部</option>
            </select>
        </div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <div class="form-group">
            <label for="shopname">商品名称：</label>&nbsp;
            <input type="text" class="form-control" id="shopname" placeholder="衣服" style="height: 40px;">
        </div>
        <button onclick="serch();" class="btn btn-primary btn-lg" type="button"><span class="glyphicon glyphicon-search">搜索</span></button>
    </form>
    <table id="tejiatable"></table>
</div>
</body>
<script>
    /*点击搜索*/
    function serch() {
        //返回表格的 Options。
        var opts = $("#tejiatable").bootstrapTable("getOptions") ;
        var limit = opts.pageSize ;
        var offset = (opts.pageNumber-1) * limit;
        var name = $("#shopname").val() ;
        var typeid = $("#typeid").val();
        var brandid = $("#brandid").val();
        $.post("${pageContext.request.contextPath}/special/query",{'name':name,'typeid':typeid,'sbrand':brandid,'limit':limit,'offset':offset},function (data) {
            // var mydata = eval("("+data+")") ;
            //重新绑定表格数据
            $("#tejiatable").bootstrapTable('load',data) ;
        })
    }
</script>
</html>
